<template>
	<view class="articleInfo">
		<!-- 标题 -->
		<h2 class="title">{{ info.title }}</h2>
		<!-- 作者 -->
		<view class="author">作者: {{ info.author }}</view>
		<!-- 时间 -->
		<view class="time">时间: {{ info.createTime }}</view>
		<!-- 描述 -->
		<view class="summary">概要描述: {{ info.summary }}</view>
		<!-- 图片 -->
		<image class="img" :src="info.coverImg"></image>
		<!-- 文本 -->
		<view class="text" >
			<!-- 富文本插件 -->
			<mp-html :content="info.content1"/>
		</view>
	</view>
</template>

<script>
	import { productArticle } from '../../../api/find/index.js'
	export default {
		data() {
			return {
				id: '', // 文章详情 - id
				info: {}, // 文章详情
			};
		},
		onLoad(options) {
			this.id = options.articleId;
			// 文章详情
			productArticle(this.id).then(res=>{
				this.info = res.data.data.productArticle;
				// 文章 - 标题
				uni.setNavigationBarTitle({
					title: res.data.data.productArticle.title
				})
			});
		}
	}
</script>

<style lang="scss" scoped>
@import './index.scss'
</style>
